<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>beflowered</title>
    
    <link rel="stylesheet" type="text/css" href="/static/css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/flowered.min.css">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

	<script src="https://www.google.com/jsapi?key=ABQIAAAAijz3DGPyJM3BV8YsEgUXuxSswtZSgxViiXnIf6uA4x_6BX_ghBQChz3UNGOObBJk32Jxjsn5wCHNJA"></script>
	<!-- <script src="https://www.google.com/jsapi?key=ABQIAAAAijz3DGPyJM3BV8YsEgUXuxSoYz0BNeq2-FqRafArhYgM7fR_cBRmPqxabbhk1w5jWnK6LpOyClBL0g"></script> -->
	<script>
	  google.load('maps', '2');
	  google.load('elements', '1', {
	    packages : ['localsearch']
	  });
	  google.load('jquery', '1.3.2');
	  google.load('jqueryui', '1.7.1');
	  
      // Place init code here instead of $(document).ready()	  
      google.setOnLoadCallback(function() {
	    $("#toolbar").noContext();
	    $().initializeInteractiveMap();	    
      });
	</script>

    <script type="text/javascript">
      FLOWERED_VARS = {
        'project_id': '{{ project_id }}',
        'initial_latitude': {{ initial_latitude }},
        'initial_longitude': {{ initial_longitude }},
        'initial_zoom': {{ initial_zoom }},
        'update_interval': 5000,
        'error_interval': 30000,
        'initial_interval': 15000,
        'current_flower': 'f00'
      };
    </script>

    <script type="text/javascript" src="/static/js/marker.min.js"></script>
	<script type="text/javascript" src="/static/js/toolbar.min.js"></script>
    <script type="text/javascript" src="/static/js/flowered.min.js"></script>
    
  </head>
  <body>
  
    <noscript><b>JavaScript must be enabled in order for you to use beflowered.</b><br /><br /> 
       However, it seems JavaScript is either disabled or not supported by your browser.<br />
       To view beflowered, enable JavaScript by changing your browser options, and then 
       try again.
    </noscript>
	
    <div id="toolbar" class="fg-toolbar-flowered fg-buttonset fg-buttonset-single ui-state-opacity-85">
	  <img id="f00" src="/static/images/toolbar-f00.png" class="fg-button ui-state-default ui-corner-left ui-state-active"></img>
	  <img id="f01" src="/static/images/toolbar-f01.png" class="fg-button ui-state-default"></img>
	  <img id="f02" src="/static/images/toolbar-f02.png" class="fg-button ui-state-default"></img>
	  <img id="f03" src="/static/images/toolbar-f03.png" class="fg-button ui-state-default"></img>
	  <img id="f04" src="/static/images/toolbar-f04.png" class="fg-button ui-state-default"></img>
	  <img id="f05" src="/static/images/toolbar-f05.png" class="fg-button ui-state-default"></img>
	  <img id="f06" src="/static/images/toolbar-f06.png" class="fg-button ui-state-default"></img>
	  <img id="f07" src="/static/images/toolbar-f07.png" class="fg-button ui-state-default"></img>
	  <img id="f08" src="/static/images/toolbar-f08.png" class="fg-button ui-state-default"></img>
	  <img id="f09" src="/static/images/toolbar-f09.png" class="fg-button ui-state-default"></img>
	  <img id="f10" src="/static/images/toolbar-f10.png" class="fg-button ui-state-default"></img>
	  <img id="f11" src="/static/images/toolbar-f11.png" class="fg-button ui-state-default ui-corner-right"></img>
    </div>
    <div id="map" class="map"></div>
	
  </body>
  
</html>
